<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1"/>
    <meta content="telephone=no,email=no" name="format-detection" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta content="yes" name="apple-touch-fullscreen">
    <title>认证</title>
    <link rel="stylesheet" type="text/css" href="Css/layer.css"/>
    <link rel="stylesheet" type="text/css" href="Css/basic.css"/>
    <link rel="stylesheet" type="text/css" href="Css/form.css"/>
    <script src="Scripts/jquery-3.1.1.min.js"></script>
    <script src="Scripts/layer.js"></script>
    <script src="Scripts/common.js"></script>
    <script src="Scripts/identify.js"></script>
    <script src="Scripts/http.js"></script>
    <script>
        $(function(){
            $('form').attr('action',url+'fabiao');
            //表单验证
            function check(){
                var flag=true;
                $("*[data-require]").each(function(){
                    var require=$(this).attr("data-require");
                    var finput=$.trim($(this).val())
                    var tip=$(this).attr("data-tip");
                    switch(require){
                        case "*":
                            if(''==finput){
                                var tippop=layer.open({
                                    type:3,
                                    content: tip
                                    ,skin: 'msg'
                                    ,time: 2 //2秒后自动关闭
                                });
                                flag=false;
                                return false;
                            }
                            break;
                    }

                });

                return flag;
            }
        })


    </script>
</head>
<body>
<header class="header">
    <a href="javascript:window.history.back()" class="return-btn"></a>认证
</header>
<div class="form-box">
    <form action="" method="post" enctype="multipart/form-data" >
        <ul>
            <li>
                <span>内容：<em>*</em></span><textarea name="content" rows="" cols="" class="form-input form-textarea" placeholder="请输入发表的内容" data-require="*" data-tip="请先填写内容"></textarea>
            </li>
            <li class="upload-box">
                <span>上传图片</span>
                <div class="pic-box clearfix upload-zizhi">
                    <div class="fl pre-box">
                        <!--<div class="pre-img fl">
                            <img src="" alt="" />
                        </div>-->
                    </div>
                    <div class="add-btn fl">
                        <input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" name="pics[]">
                    </div>
                </div>
            </li>
        </ul>
        <input type="submit" value="提交" class="submit-btn" onclick="return check()"/>
    </form>
</div>
</body>
</html>
